<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>导航</title>
    <meta name="keywords" content="ylfei's navigation site">
    <meta name="description" content="ylfei's navigation site">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-EXE1PJ8CR2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-EXE1PJ8CR2');
    </script>
    
    <link rel="shortcut icon" href="https://github.com/ylfei.png?size=40">
    
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/bootstrap.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/xenon-core.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/xenon-components.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/xenon-skins.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/nav.css">
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/css/search.css">
    <script type="text/javascript">
function search() {
    $(".search-icon").css("opacity", "1");
    var listIndex = -1;
    var hotList = 0;
    var searchData = {
        "thisSearch": "https://www.baidu.com/s?wd=",
        "thisSearchIcon": "https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/images/search_icon.png",
        "hotStatus": true,
        "data": [{"name":"百度","img":"url('https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/images/search_icon.png') -80px 0px","position":"0px 0px","url":"https://www.baidu.com/s?wd="},{"name":"必应","img":"url('https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/images/search_icon.png')  -80px -25px","position":"0px -40px","url":"https://cn.bing.com/search?q="},{"name":"B站","img":"url('https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/images/search_icon.png') -105px -125px","position":"-40px -200px","url":"http://search.bilibili.com/all?keyword="},{"name":"知乎","img":"url('https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/images/search_icon.png') -105px -100px","position":"-40px -160px","url":"https://www.zhihu.com/search?type=content\u0026q="}]
    };
    var localSearchData = localStorage.getItem("searchData");
    if (localSearchData) {
        searchData = JSON.parse(localSearchData)
    }
    function filterChildren(element) {
        var thisText = $(element).contents().filter(function (index, content) {
            return content.nodeType === 3
        }).text().trim();
        return thisText
    }
    function getHotkeyword(value) {
        $.ajax({
            type: "GET",
            url: "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",
            async: true,
            data: {
                wd: value
            },
            dataType: "jsonp",
            jsonp: "cb",
            success: function (res) {
                $("#box ul").text("");
                hotList = res.s.length;
                if (hotList) {
                    $("#box").css("display", "block");
                    for (var i = 0; i < hotList; i++) {
                        $("#box ul").append("<li><span>" + (i + 1) + "</span> " + res.s[i] + "</li>");
                        $("#box ul li").eq(i).click(function () {
                            var thisText = filterChildren(this);
                            $("#txt").val(thisText);
                            window.open(searchData.thisSearch + thisText);
                            $("#box").css("display", "none")
                        });
                        if (i === 0) {
                            $("#box ul li").eq(i).css({
                                "border-top": "none"
                            });
                            $("#box ul span").eq(i).css({
                                "color": "#fff",
                                "background": "#f54545"
                            })
                        } else {
                            if (i === 1) {
                                $("#box ul span").eq(i).css({
                                    "color": "#fff",
                                    "background": "#ff8547"
                                })
                            } else {
                                if (i === 2) {
                                    $("#box ul span").eq(i).css({
                                        "color": "#fff",
                                        "background": "#ffac38"
                                    })
                                }
                            }
                        }
                    }
                } else {
                    $("#box").css("display", "none")
                }
            },
            error: function (res) {
                console.log(res)
            }
        })
    }
    $("#txt").keyup(function (e) {
        if ($(this).val()) {
            if (e.keyCode == 38 || e.keyCode == 40 || !searchData.hotStatus) {
                return
            }
            getHotkeyword($(this).val())
        } else {
            $(".search-clear").css("display", "none");
            $("#box").css("display", "none")
        }
    });
    $("#txt").keydown(function (e) {
        if (e.keyCode === 40) {
            listIndex === (hotList - 1) ? listIndex = 0 : listIndex++;
            $("#box ul li").eq(listIndex).addClass("current").siblings().removeClass("current");
            var hotValue = filterChildren($("#box ul li").eq(listIndex));
            $("#txt").val(hotValue)
        }
        if (e.keyCode === 38) {
            if (e.preventDefault) {
                e.preventDefault()
            }
            if (e.returnValue) {
                e.returnValue = false
            }
            listIndex === 0 || listIndex === -1 ? listIndex = (hotList - 1) : listIndex--;
            $("#box ul li").eq(listIndex).addClass("current").siblings().removeClass("current");
            var hotValue = filterChildren($("#box ul li").eq(listIndex));
            $("#txt").val(hotValue)
        }
        if (e.keyCode === 13) {
            window.open(searchData.thisSearch + $("#txt").val());
            $("#box").css("display", "none");
            $("#txt").blur();
            $("#box ul li").removeClass("current");
            listIndex = -1
        }
    });
    $("#txt").focus(function () {
        $(".search-box").css("box-show", "inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3)");
        if ($(this).val() && searchData.hotStatus) {
            getHotkeyword($(this).val())
        }
    });
    $("#txt").blur(function () {
        setTimeout(function () {
            $("#box").css("display", "none")
        }, 250)
    });
    for (var i = 0; i < searchData.data.length; i++) {
        $(".search-engine-list").append('<li><span style="background:' + searchData.data[i].img + '"/></span>' +
            searchData.data[i].name + "</li>")
    }
    $(".search-icon, .search-engine").hover(function () {
        $(".search-engine").css("display", "block")
    }, function () {
        $(".search-engine").css("display", "none")
    });
    $("#hot-btn").click(function () {
        $(this).toggleClass("off");
        searchData.hotStatus = !searchData.hotStatus;
        localStorage.searchData = JSON.stringify(searchData)
    });
    searchData.hotStatus ? $("#hot-btn").removeClass("off") : $("#hot-btn").addClass("off");
    $(".search-engine-list li").click(function () {
        var index = $(this).index();
        searchData.thisSearchIcon = searchData.data[index].position;
        $(".search-icon").css("background-position", searchData.thisSearchIcon);
        searchData.thisSearch = searchData.data[index].url;
        $(".search-engine").css("display", "none");
        localStorage.searchData = JSON.stringify(searchData)
    });
    $(".search-icon").css("background-position", searchData.thisSearchIcon);
    $("#search-btn").click(function () {
        var textValue = $("#txt").val();
        if (textValue) {
            window.open(searchData.thisSearch + textValue);
            $("#box ul").html("")
        } else {
            layer.msg("请输入关键词！", {
                time: 500
            }, function () {
                $("#txt").focus()
            })
        }
    })
}
</script>
    <script>
    //夜间模式切换
    function switchNightMode() {
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if (night == '0') {
            document.body.classList.add('night');
            document.cookie = "night=1;path=/"
        } else {
            document.body.classList.remove('night');
            document.cookie = "night=0;path=/"
        }
    }
    </script>
    <!-- / FB Open Graph -->
    <meta property="og:type" content="article">
    <meta property="og:url" content="https://ylfei.github.io/web">
    <meta property="og:title" content="导航">
    <meta property="og:description" content="ylfei's navigation site">
    <meta property="og:image" content="">
    <meta property="og:site_name" content="导航">
    <!-- / Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="导航">
    <meta name="twitter:description" content="ylfei's navigation site">
    <meta name="twitter:image" content="">
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="/" class="logo-expanded">
                            
                            <p class="overflowClip_2" style="font-size: 20px;"><strong>导航</strong></p>
                            
                        </a>
                        <a href="/" class="logo-collapsed">
                            
                            <p class="overflowClip_2" style="font-size: 20px;"><strong>导航</strong></p>
                            
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#常用网站" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">常用网站</span>
                        </a>
                    </li>
                    <li>
                        <a href="#电子邮箱" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">电子邮箱</span>
                        </a>
                    </li>
                    <li>
                        <a href="#影视资源" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">影视资源</span>
                        </a>
                    </li>
                    <li>
                        <a href="#网络存储" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">网络存储</span>
                        </a>
                    </li>
                    <li>
                        <a href="#软件工具" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">软件工具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#社区资讯" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">社区资讯</span>
                        </a>
                    </li>
                    <li>
                        <a href="#在线课程" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">在线课程</span>
                        </a>
                    </li>
                    <li>
                        <a href="#网页扩展" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">网页扩展</span>
                        </a>
                    </li>
                    <li>
                        <a href="#PDF转换" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">PDF转换</span>
                        </a>
                    </li>
                    <li>
                        <a href="#在线配色" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">在线配色</span>
                        </a>
                    </li>
                    <li>
                        <a href="#字体资源" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">字体资源</span>
                        </a>
                    </li>
                    <li>
                        <a href="#网址导航" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">网址导航</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <!-- User Info, Notifications and Menu Bar -->
                <!-- Left links for user info navbar -->
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="#" data-toggle="sidebar">
                            <i class="fa-bars"></i>
                        </a>
                    </li>
                    <li class="switch-mode hover-line" onclick="switchNightMode()">
                        <a href="#">
                          <svg t="1593061068148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1681" width="16" height="16">
                            <path d="M582.4 326.4c-140.8 0-256 115.2-256 256s115.2 256 256 256 256-115.2 256-256-115.2-256-256-256z m0 448c-70.4 0-131.2-36.8-164.8-92.8 12.8 3.2 27.2 4.8 40 4.8 121.6 0 219.2-99.2 219.2-219.2 0-17.6-1.6-35.2-6.4-52.8 60.8 32 102.4 96 102.4 169.6 1.6 104-84.8 190.4-190.4 190.4zM582.4 262.4c17.6 0 32-14.4 32-32v-128c0-17.6-14.4-32-32-32s-32 14.4-32 32v128c0 17.6 14.4 32 32 32zM262.4 582.4c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32s14.4 32 32 32h128c17.6 0 32-14.4 32-32zM310.4 356.8c6.4 6.4 14.4 9.6 22.4 9.6 8 0 16-3.2 22.4-9.6 12.8-12.8 12.8-32 0-44.8l-91.2-91.2c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l91.2 91.2zM944 220.8c-12.8-12.8-32-12.8-44.8 0l-91.2 91.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.4 9.6 22.4 9.6 8 0 16-3.2 22.4-9.6l91.2-91.2c12.8-12.8 12.8-33.6 0-44.8zM310.4 808l-91.2 91.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.4 9.6 22.4 9.6 8 0 16-3.2 22.4-9.6l91.2-91.2c12.8-12.8 12.8-32 0-44.8-11.2-11.2-32-11.2-44.8 0z" p-id="1682" fill="#707070"></path>
                          </svg>
                        </a>
                    </li>
                </ul>
                <ul class="user-info-menu right-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="https://github.com/ylfei/web" target="_blank">
                            <i class="fa-github"></i>  GitHub
                        </a>
                    </li>
                </ul>
            </nav>
            <section class="sousuo">
              <div class="search">
                <div class="search-box">
                  <span class="search-icon" style="background: url('https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/images/search_icon.png') 0px 0px; opacity: 1;"></span>
                  <input type="text" id="txt" class="search-input" autocomplete="off" placeholder="请输入关键字，按回车 / Enter 搜索">
                  <button class="search-btn" id="search-btn"><i class="fa fa-search"></i></button>
                </div>
                <!-- 搜索热词 -->
                <div class="box search-hot-text" id="box" style="display: none;">
                  <ul></ul>
                </div>
                <!-- 搜索引擎 -->
                <div class="search-engine" style="display: none;">
                  <div class="search-engine-head">
                    <strong class="search-engine-tit">选择您的默认搜索引擎：</strong>
                    <div class="search-engine-tool">搜索热词： <span id="hot-btn"></span></div>
                  </div>
                  <ul class="search-engine-list search-engine-list_zmki_ul">
                  </ul>
                </div>
              </div>
            </section>
            <script>search()</script>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用网站"></i>常用网站</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wenshushu.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wenshushu.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.wenshushu.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>文叔叔</strong>
                                </a>
                                <p class="overflowClip_2">传文件，找文叔叔（永不限速）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.kdocs.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.kdocs.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.kdocs.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>金山文档</strong>
                                </a>
                                <p class="overflowClip_2">可多人实时协作编辑的在线文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iamwawa.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iamwawa.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.iamwawa.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>蛙蛙工具</strong>
                                </a>
                                <p class="overflowClip_2">便捷的在线工具网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.speedtest.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.speedtest.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.speedtest.net" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>测网速</strong>
                                </a>
                                <p class="overflowClip_2">网络测速</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.dayin.la/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.dayin.la/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.dayin.la" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>打印啦</strong>
                                </a>
                                <p class="overflowClip_2">3D打印模型下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.hagmc.edu.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.hagmc.edu.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.hagmc.edu.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>河南地矿职业学院</strong>
                                </a>
                                <p class="overflowClip_2">河南地矿职业学院官网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tophub.today', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tophub.today">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/tophub.today" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>今日热榜</strong>
                                </a>
                                <p class="overflowClip_2">今日热榜提供各站热榜聚合</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="电子邮箱"></i>电子邮箱</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mail.126.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mail.126.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/mail.126.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>126邮箱</strong>
                                </a>
                                <p class="overflowClip_2">网易126免费邮箱--你的专业电子邮局</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mail.163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mail.163.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/mail.163.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>163邮箱</strong>
                                </a>
                                <p class="overflowClip_2">网易163免费邮箱--中文邮箱第一品牌</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mail.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mail.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/mail.qq.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>QQ邮箱</strong>
                                </a>
                                <p class="overflowClip_2">QQ邮箱是腾讯公司向用户提供安全、稳定、快速、便捷电子邮件服务的邮箱产品</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.email.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.email.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.email.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>完美邮箱</strong>
                                </a>
                                <p class="overflowClip_2">轻松定制个人专业邮箱，免费定制二级域名</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://exmail.qq.com/login/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://exmail.qq.com/login/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/exmail.qq.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>腾讯企业邮箱</strong>
                                </a>
                                <p class="overflowClip_2">腾讯企业邮箱，唯一可以在微信中收发邮件的企业邮箱</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://outlook.live.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://outlook.live.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/outlook.live.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Outlook</strong>
                                </a>
                                <p class="overflowClip_2">来自Microsoft的免费个人电子邮件和日历</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://24mail.chacuo.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://24mail.chacuo.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/24mail.chacuo.net" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>临时邮箱</strong>
                                </a>
                                <p class="overflowClip_2">临时邮箱、24小时邮箱</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="影视资源"></i>影视资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.youku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.youku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.youku.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优酷</strong>
                                </a>
                                <p class="overflowClip_2">视频服务平台,提供视频播放,视频发布,视频搜索,视频分享</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iqiyi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iqiyi.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.iqiyi.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>爱奇艺</strong>
                                </a>
                                <p class="overflowClip_2">在线视频网站，海量正版高清视频在线观看</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://v.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://v.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/v.qq.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>腾讯视频</strong>
                                </a>
                                <p class="overflowClip_2">在线视频媒体平台，海量高清视频在线观看</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.bilibili.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.bilibili.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.bilibili.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>哔哩哔哩</strong>
                                </a>
                                <p class="overflowClip_2">bilibili是国内知名的视频弹幕网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tv.cctv.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tv.cctv.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/tv.cctv.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>央视网</strong>
                                </a>
                                <p class="overflowClip_2">央视网是中央广播电视总台主办的中央重点新闻网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jishi.cctv.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jishi.cctv.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/jishi.cctv.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>央视纪实</strong>
                                </a>
                                <p class="overflowClip_2">汇集了央视大量优秀经典纪录片，集纳国内地方台、BBC、国家地理、NHK等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dianliang521.github.io/xindianliangshipin/index.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dianliang521.github.io/xindianliangshipin/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/dianliang521.github.io" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>新点亮视频</strong>
                                </a>
                                <p class="overflowClip_2">新点亮视频网页版</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="网络存储"></i>网络存储</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyundrive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyundrive.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.aliyundrive.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>阿里云盘</strong>
                                </a>
                                <p class="overflowClip_2">阿里云盘是一款速度快、不打扰、够安全、易于分享的网盘</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cloud.189.cn/web/login.html/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cloud.189.cn/web/login.html/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/cloud.189.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>天翼云盘</strong>
                                </a>
                                <p class="overflowClip_2">中国电信推出的云存储服务，为用户提供跨平台的文件存储、备份、同步及分享服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.weiyun.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.weiyun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.weiyun.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>腾讯微云</strong>
                                </a>
                                <p class="overflowClip_2">微云是腾讯公司为用户精心打造的一项智能云服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pan.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pan.baidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/pan.baidu.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度网盘</strong>
                                </a>
                                <p class="overflowClip_2">百度网盘为您提供文件的网络备份、同步和分享服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wenshushu.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wenshushu.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.wenshushu.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>文叔叔</strong>
                                </a>
                                <p class="overflowClip_2">传文件，找文叔叔（永不限速）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.123pan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.123pan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.123pan.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>123云盘</strong>
                                </a>
                                <p class="overflowClip_2">一键下载分享文件 超大文件快传 免登录下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ys168.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ys168.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.ys168.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>永硕E盘</strong>
                                </a>
                                <p class="overflowClip_2">数据存储、交流平台,可以保存您的文件、网址、记事等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="软件工具"></i>软件工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://msdn.itellyou.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://msdn.itellyou.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/msdn.itellyou.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>MSND</strong>
                                </a>
                                <p class="overflowClip_2">MSDN,我告诉你</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://otp.landian.vip/zh-cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://otp.landian.vip/zh-cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/otp.landian.vip" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Office Tool Plus</strong>
                                </a>
                                <p class="overflowClip_2">基于Office部署工具制作，除此之外还集成了各种实用性工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yrxitong.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yrxitong.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.yrxitong.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小鱼儿yr系统</strong>
                                </a>
                                <p class="overflowClip_2">小鱼儿yr系统专注于WIN7，WIN10，系统封装，封装系统，重装系统，系统教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ghxi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ghxi.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.ghxi.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>果核剥壳</strong>
                                </a>
                                <p class="overflowClip_2">博客类型的资源分享软件，分享绿色软件软件等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pc.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pc.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/pc.qq.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>腾讯软件中心</strong>
                                </a>
                                <p class="overflowClip_2">提拱海量免费软件安全下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.fy6b.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.fy6b.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.fy6b.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>枫音应用</strong>
                                </a>
                                <p class="overflowClip_2">专注分享免费、绿色实用软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.dayanzai.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.dayanzai.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.dayanzai.me" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>大眼仔</strong>
                                </a>
                                <p class="overflowClip_2">提供各类PC软件,绿色软件,汉化软件,软件教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.getitfree.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.getitfree.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.getitfree.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>正版中国</strong>
                                </a>
                                <p class="overflowClip_2">以提供正版软件限时免费信息为途径,引导用户养成使用正版软件的习惯</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ventoy.net/cn/index.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ventoy.net/cn/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.ventoy.net" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Ventoy</strong>
                                </a>
                                <p class="overflowClip_2">新一代多系统启动U盘解决方案</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cn.dll-files.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cn.dll-files.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/cn.dll-files.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DLL-FLES</strong>
                                </a>
                                <p class="overflowClip_2">DLL问题解决方案</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.dllzj.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.dllzj.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.dllzj.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DLL之家</strong>
                                </a>
                                <p class="overflowClip_2">DLL文件搜索</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zh.snipaste.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zh.snipaste.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/zh.snipaste.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Snipaste</strong>
                                </a>
                                <p class="overflowClip_2">Snipaste-截图 + 贴图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/zhongyang219/TrafficMonitor/releases', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/zhongyang219/TrafficMonitor/releases">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/github.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>TrafficMonitor</strong>
                                </a>
                                <p class="overflowClip_2">流量监控器</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="社区资讯"></i>社区资讯</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ithome.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ithome.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.ithome.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IT之家</strong>
                                </a>
                                <p class="overflowClip_2">IT科技门户网站。快速精选IT新闻，实时报道科技周边</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.itsk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.itsk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.itsk.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IT天空</strong>
                                </a>
                                <p class="overflowClip_2">以系统封装技术与驱动技术为主的综合性IT站点</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gitee.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gitee.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/gitee.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Gitee</strong>
                                </a>
                                <p class="overflowClip_2">Gitee.com(码云) 是 OSCHINA.NET 推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托管</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/github.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GitHub</strong>
                                </a>
                                <p class="overflowClip_2">GitHub brings together the world’s largest community of developers to discover.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zhihu.com/explore#daily-hot/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zhihu.com/explore#daily-hot/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.zhihu.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>知乎</strong>
                                </a>
                                <p class="overflowClip_2">有问题，上知乎。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线课程"></i>在线课程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.icourse163.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.icourse163.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.icourse163.org" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>中国大学MOOC</strong>
                                </a>
                                <p class="overflowClip_2">中国大学MOOC(慕课) 是国内优质的中文MOOC学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.dxzy163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.dxzy163.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.dxzy163.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>大学资源网</strong>
                                </a>
                                <p class="overflowClip_2">大学资源网致力于为每个希望提升自己能力的人提供学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://opencourse.pku.edu.cn/course/opencourse2/index.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://opencourse.pku.edu.cn/course/opencourse2/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/opencourse.pku.edu.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>北京大学公开课</strong>
                                </a>
                                <p class="overflowClip_2">北京大学公开课</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://open.163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://open.163.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/open.163.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>网易公开课</strong>
                                </a>
                                <p class="overflowClip_2">网易视频公开课频道推出国内外名校公开课</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ke.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ke.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/ke.qq.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>腾讯课堂</strong>
                                </a>
                                <p class="overflowClip_2">腾讯推出的专业在线教育平台，聚合大量优质教育机构和名师</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.runoob.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.runoob.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.runoob.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>菜鸟教程</strong>
                                </a>
                                <p class="overflowClip_2">菜鸟教程提供了编程的基础技术教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.w3school.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.w3school.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.w3school.com.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>w3school</strong>
                                </a>
                                <p class="overflowClip_2">w3school 在线教程</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="网页扩展"></i>网页扩展</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://huajiakeji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://huajiakeji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/huajiakeji.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Chrome插件</strong>
                                </a>
                                <p class="overflowClip_2">使用Chrome插件可以为Chrome浏览器带来一些功能性的扩展</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.crx4.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.crx4.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.crx4.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Crx4Chrome插件下载</strong>
                                </a>
                                <p class="overflowClip_2">用户可以直接在Chrome商店中下载和安装谷歌浏览器插件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.chrome666.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.chrome666.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.chrome666.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Chrome/谷歌浏览器插件</strong>
                                </a>
                                <p class="overflowClip_2">分享好用靠谱的，Chrome/谷歌浏览器插件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.extfans.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.extfans.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.extfans.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>扩展迷</strong>
                                </a>
                                <p class="overflowClip_2">提供Chrome商店/谷歌应用商店里各类Chrome插件下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://greasyfork.org/zh-CN/scripts/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://greasyfork.org/zh-CN/scripts/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/greasyfork.org" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Greasy Fork</strong>
                                </a>
                                <p class="overflowClip_2">Greasy Fork - 安全、实用的用户脚本大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.crxsoso.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.crxsoso.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.crxsoso.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Crx搜搜</strong>
                                </a>
                                <p class="overflowClip_2">浏览器扩展商店</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://crxdl.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://crxdl.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/crxdl.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CrxDL</strong>
                                </a>
                                <p class="overflowClip_2">浏览器扩展离线安装包</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PDF转换"></i>PDF转换</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pdf2go.com/zh', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pdf2go.com/zh">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.pdf2go.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PDF2GO</strong>
                                </a>
                                <p class="overflowClip_2">免费的在线PDF转换器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ilovepdf.com/zh-cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ilovepdf.com/zh-cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.ilovepdf.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iLovePDF</strong>
                                </a>
                                <p class="overflowClip_2">免费支持15MB的PDF转换</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.alltoall.net', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.alltoall.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.alltoall.net" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ALL TO ALL</strong>
                                </a>
                                <p class="overflowClip_2">在线格式转换</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线配色"></i>在线配色</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://color.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://color.uisdc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/color.uisdc.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SDC优设网配色工具</strong>
                                </a>
                                <p class="overflowClip_2">优设网帮助您完成配色方案，不用配色软件轻松配色</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.runoob.com/tags/html-colorpicker.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.runoob.com/tags/html-colorpicker.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.runoob.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>HTML拾色器</strong>
                                </a>
                                <p class="overflowClip_2">HTML拾色器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://zhongguose.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://zhongguose.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/zhongguose.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>中国传统颜色</strong>
                                </a>
                                <p class="overflowClip_2">中国传统颜色</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://font.chinaz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://font.chinaz.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/font.chinaz.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站长字体</strong>
                                </a>
                                <p class="overflowClip_2">字体库提供,中文字体下载,英文字体下载,书法字体下载,方正字体下载等字体免费下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.zhaozi.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.zhaozi.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.zhaozi.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>找字网</strong>
                                </a>
                                <p class="overflowClip_2">提供中英文免费字体下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.maoken.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.maoken.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.maoken.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>猫啃网</strong>
                                </a>
                                <p class="overflowClip_2">致力于为广大设计师提供最新最全且免费的，可商用，无版权问题的免费字体下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.17ziti.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.17ziti.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.17ziti.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体之家</strong>
                                </a>
                                <p class="overflowClip_2">字体之家提供最全的免费手机字体和手机软件下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.foundertype.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.foundertype.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>方正字库</strong>
                                </a>
                                <p class="overflowClip_2">方正字库官方网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ziticq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ziticq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/ziticq.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体传奇网</strong>
                                </a>
                                <p class="overflowClip_2">中国首个字体品牌设计师交流网</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="网址导航"></i>网址导航</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://youquhome.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://youquhome.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/youquhome.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>有趣网站之家</strong>
                                </a>
                                <p class="overflowClip_2">分享有趣的国内外网站，应用新奇的html5网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://axutongxue.gitee.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://axutongxue.gitee.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/axutongxue.gitee.io" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>阿虚同学的储物间</strong>
                                </a>
                                <p class="overflowClip_2">实用导航</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.24kdh.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.24kdh.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.24kdh.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>24K导航</strong>
                                </a>
                                <p class="overflowClip_2">专注全网优质网址、优质资源分享</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://site.sciping.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://site.sciping.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/site.sciping.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>科塔学术导航</strong>
                                </a>
                                <p class="overflowClip_2">提供科研网站导航，网址库等服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.kaolamedia.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.kaolamedia.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/www.kaolamedia.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>考拉新媒体导航</strong>
                                </a>
                                <p class="overflowClip_2">考拉新媒体导航，新媒体人的专属门户网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://yanglf.ysepan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://yanglf.ysepan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/yanglf.ysepan.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>my导航</strong>
                                </a>
                                <p class="overflowClip_2">ysepan.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://123.meibp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://123.meibp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/123.meibp.com" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>新媒体导航</strong>
                                </a>
                                <p class="overflowClip_2">工具推荐服务，是一个优秀、绿色、安全、好用的新媒体助手</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://sci.xueshuwu.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sci.xueshuwu.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://f.start.me/sci.xueshuwu.cn" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>学术屋</strong>
                                </a>
                                <p class="overflowClip_2">学术屋导航</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text"><strong>Information © 2021-2022 Website by ylf</strong></div>
                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                    <div class="go-up">
                        <a href="#" rel="go-top">
                            <i class="fa-angle-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
         //img lazy loaded
         const observer = lozad();
         observer.observe();

        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);

            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    (function () {
      if (document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === '') {
        if (new Date().getHours() > 22 || new Date().getHours() < 6) {
          document.body.classList.add('night');
          document.cookie = "night=1;path=/";
          console.log('夜间模式开启');
        } else {
          document.body.classList.remove('night');
          document.cookie = "night=0;path=/";
          console.log('夜间模式关闭');
        }
      } else {
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if (night == '0') {
          document.body.classList.remove('night');
        } else if (night == '1') {
          document.body.classList.add('night');
        }
      }
    })();
    </script>
    <!-- Bottom Scripts -->
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/bootstrap.min.js"></script>
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/TweenMax.min.js"></script>
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/resizeable.js"></script>
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/joinable.js"></script>
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/xenon-api.js"></script>
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/xenon-custom.js"></script>
    <script src="https://fastly.jsdelivr.net/gh/x1ah/webstack-assets@master/assets/js/lozad.js"></script>
</body>

</html>
